


 
.banner{position:relative;width:100%;overflow:hidden;}

.banner img{transition:all 3s;width: 100%;}
/*.banner:hover img{transform:scale(1.08);}*/
.banner .swiper-slide{overflow:hidden;}

.banner .bannerTxt{position:absolute;left:0px;width:100%;top:31%;} 
.banner .bannerTxt .txt{width:50%;color:#fff;}
.banner .bannerTxt .txt .intit{font-size:48px;line-height:48px;font-weight:bold;transform:translateY(30px);opacity:0;transition:all 1.2s;text-shadow: 0 2px 3px rgba(0,0,0,.3);letter-spacing: 2px;}
.banner .bannerTxt .txt .inbod{} 
.banner .bannerTxt .txt .inbod .d1{font-size:24px;margin:30px 0px 6px;transform:translateY(30px);opacity:0;transition:all 1.2s 0.2s;text-shadow: 0 2px 3px rgba(0,0,0,.3);}
.banner .bannerTxt .txt .inbod .d2{font-size:20px;font-weight:lighter;transform:translateY(30px);opacity:0;transition:all 1.2s 0.4s;text-shadow: 0 2px 3px rgba(0,0,0,.3);letter-spacing: 2px;}

.banner .swiper-slide-active .bannerTxt .txt .intit{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bannerTxt .txt .inbod .d1{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bannerTxt .txt .inbod .d2{transform:translateY(0px);opacity:.8;}

.banner .anniu{position:absolute;width:100%;bottom:10%;z-index:1;}
.banner .anniu .g-in{position:relative;}
.banner .anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:46px;position:relative;margin-top:36px;margin-left:36px;}
.banner .anniu .pageOn:before{content:"";display:block;width:20px;height:2px;background-color:#fff;position:absolute;left:0px;top:50%;margin-top:-1px;}
.banner .anniu .pageOn span{background-color:transparent;}
.banner .anniu .pageOn .swiper-pagination-total{font-size:20px;}
.banner .anniu .pageOn em{font-size:20px;}

.banner .anniu .btnG{width:164px;position:relative;}
.banner .anniu .btnG .play{width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;top:0px;border:2px solid #fff;border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all 0.3s;}
.banner .anniu .btnG .play:hover{background-color:#10a4df;border-color:#10a4df;}
.banner .anniu .btnG .play:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-4px;background:url(../image/st.png) center no-repeat;}
.banner .anniu .btnG .play.puse:before{background:none;width:0px;height:0px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0px;margin-top:-8px;margin-left:-3px;}


.banner .anniu .btn{position:static;width:40px;height:40px;margin:0px;border-radius:100%;transition:all 0.3s;}
.banner .anniu .prev{float:left;background:url(../image/baprev.png) center no-repeat;background-color:#fff;}
.banner .anniu .prev:hover{/*background:url(../images/baprev1.png) center no-repeat;background-color:#10a4df;*/transform:translateX(-10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}
.banner .anniu .next{float:right;background:url(../image/banext.png) center no-repeat;background-color:#fff;}
.banner .anniu .next:hover{/*background:url(../images/banext1.png) center no-repeat;background-color:#10a4df;*/transform:translateX(10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}


.bannerSJ{display:none;}

.sjBJ{display:none;}
.sjBJ2{display:none;}

.index .area1{padding:0px 0px 30px;}
.index .area1 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.index .area1 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area1 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area1 .body .picScro{width:64.28%;float:left;}
.index .area1 .body .picScro .pic{overflow:hidden;height: 308px;}
.index .area1 .body .picScro .pic img{transition:all 0.3s;width: 100%;}
.index .area1 .body .picScro .pic:hover img{transform:scale(1.08);}
.index .area1 .body .picScro .caption{width:88.888%;margin:0 auto;background-color:#f5f5f5;border-radius:6px;/*box-shadow:0px 1px 10px rgba(0,0,0,0.1);*/margin-top:-30px;position:relative;z-index:1;}
.index .area1 .body .picScro .caption .intit{height:60px;line-height:60px;font-size:18px;color:#10a4df;font-weight:bold;background-color:#fff;padding:0px 20px;border-top-left-radius:6px;border-top-right-radius:6px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}






.index .area1 .body .picScro .caption .inbod .data{float:left;width:120px;background-color:#f0f0f0;border-right:1px solid #e5e5e5;font-family: Arial;}
.index .area1 .body .picScro .caption .inbod .data p{padding:30px 20px;color:#999999;}
.index .area1 .body .picScro .caption .inbod .data span{display:block;font-size:14px;line-height:14px;margin-top:18px;margin-left:24px;}
.index .area1 .body .picScro .caption .inbod .data em{font-size:36px;line-height:32px;display:block;position:relative;}
.index .area1 .body .picScro .caption .inbod .data em:before{content:"";display:block;width:80%;height:1px;background-color:#c4c4c4;position:absolute;left:0px;bottom:-6px;transform:rotate(-36deg);}

.index .area1 .body .picScro .caption .inbod .newCt{padding-left:40px;overflow:hidden;height:124px;padding-right:250px;position:relative;}
.index .area1 .body .picScro .caption .inbod .newCt .txt{font-size:16px;color:#555;padding-top:28px;line-height:30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.index .area1 .body .picScro .caption .inbod .newCt .more{display:block;width:160px;height:40px;font-family: Arial;line-height:40px;font-size:12px;text-transform:uppercase;background-color:#10a4df;color:#fff;border-radius:20px;position:absolute;right:20px;top:50%;margin-top:-20px;box-sizing:border-box;padding:0px 20px;transition:all 0.3s;}
.index .area1 .body .picScro .caption .inbod .newCt .more:before{content:"";display:block;width:30px;height:16px;background:url(../image/zjt.png) center no-repeat;background-size:cover;position:absolute;right:20px;top:50%;margin-top: -8px;transition:all 0.3s;}
.index .area1 .body .picScro .caption .inbod .newCt .more:hover:before{transform:translateX(6px);}
.index .area1 .body .picScro .caption .inbod .newCt .more:hover{background-color:#065693;box-shadow:0px 1px 10px rgba(0,0,0,0.1);}


.index .area1 .body .newList{width:32.85%;float:right;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:6px;}
.index .area1 .body .newList li{border-bottom:1px solid #e5e5e5;transition:all 0.3s;}
.index .area1 .body .newList li a{display:block;padding:28px 28px;}
.index .area1 .body .newList li .intit{font-size:14px;font-family:Arial;color:#999;padding-left:20px;background:url(../image/dt.gif) left center no-repeat;line-height:14px;}
.index .area1 .body .newList li .inbod{font-size:18px;color:#333333;margin-top:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.index .area1 .body .newList li:hover{background-color:#fff;}
.index .area1 .body .newList li:hover .inbod{color:#10a4df;}


.index .area2{padding:30px 0px 30px;}
.index .area2 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.index .area2 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area2 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area2 .tit p{font-size:18px;color:#3c3c3c;font-weight:normal;line-height:18px;margin-top:30px;}
.index .area2 .body .aboutList{position:relative;z-index:2;}
.index .area2 .body .aboutList ul{width:1500px;}
.index .area2 .body .aboutList li{float:left;width:300px;height:340px;box-shadow:0px 1px 30px rgba(0,0,0,0.1);border-radius:5px;position:relative;margin-right:66px;}
.index .area2 .body .aboutList li img{border-radius:5px;}
.index .area2 .body .aboutList li .caption{position:absolute;left:0px;top:0px;width:100%;height:100%;box-sizing:border-box;padding:46px 120px 46px 46px;}
.index .area2 .body .aboutList li .caption .intit{font-size:14px;color:#666;line-height:24px;width:120px;}

.index .area2 .body .aboutList li .caption .inbod{font-size:16px;color:#333;margin-top:0px;} 
.index .area2 .body .aboutList li .caption .inbod span{font-size:60px;color:#10a4df;font-family:OpenSans-Bold;display:block;line-height:60px;margin-bottom:6px;margin-left:-3px;}  
.index .area2 .body .aboutList li .caption .inbod span em{font-size:18px;}


.index .area2 .body .aboutTxt{width:114%;position:relative;left:50%;transform:translateX(-50%);margin-top:-100px;}
.index .area2 .body .aboutTxt .pic img{margin-top:-100px;width:100%;}
.index .area2 .body .aboutTxt .caption{position:absolute;left:0px;top:50%;width:100%;transform:translateY(-40%);}
.index .area2 .body .aboutTxt .caption .ct{width:48%;}
.index .area2 .body .aboutTxt .caption .ct .intit{font-size:30px;color:#fff;text-transform:uppercase;}
.index .area2 .body .aboutTxt .caption .ct .intit span{display:inline-block;border-bottom:1px solid #ffffff;position:relative;}
.index .area2 .body .aboutTxt .caption .ct .intit span:before{content:"";display:block;width:40px;height:3px;position:absolute;left:0px;bottom:-1px;background-color:#fff;}
.index .area2 .body .aboutTxt .caption .ct .intit em{font-weight:lighter;}


.index .area2 .body .aboutTxt .caption .ct .inbod{font-size:16px;line-height:34px;color:#fff;margin-top:42px;}

.index .area2 .body .aboutTxt .caption .ct .inbod .more{display:block;width:180px;height:50px;line-height:50px;box-sizing:border-box;padding:0px 14px;background-color:rgba(255,255,255,0.3);font-size:16px;color:#fff;border-radius:5px;position:relative;margin-top:50px;transition:all 0.3s;}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/jj.png) center no-repeat;background-size:cover;right:18px;top:50%;margin-top:-5px;position:absolute;transition:all 0.3s;}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover:before{transform:translateX(6px);}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover{background-color:#10a4df;}

.index .area3{padding:0px 0px 30px;}
.index .area3 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.index .area3 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area3 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area3 .body .list{overflow:hidden;padding-bottom:50px;}
.index .area3 .body .list li{width:33.3333%;float:left;}
.index .area3 .body .list li .pic{overflow:hidden;}
.index .area3 .body .list li .pic img{transition:all 0.3s;}
.index .area3 .body .list li .caption{width:81.25%;margin:0 auto;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;margin-top:-100px;}
.index .area3 .body .list li .caption .intit{font-size:24px;color:#10a4df;font-weight:bold;line-height:24px;}
.index .area3 .body .list li .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#10a4df;position:absolute;left:0px;top:40px;}

.index .area3 .body .list li .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}
.index .area3 .body .list li .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}
.index .area3 .body .list li .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}
.index .area3 .body .list li .caption .inbod .txt{height:150px;overflow-y:auto;text-align:justify;padding-right:10px;}

/*滚动条样式*/
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #10a4df;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}




.index .area3 .body .list li .caption .inbod .more{display:block;width:180px;height:50px;border:1px solid #10a4df;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#10a4df;margin-top:30px;transition: all 0.3s;}
.index .area3 .body .list li .caption .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}
.index .area3 .body .list li .caption .inbod .more:hover{background-color:#10a4df;color:#fff;}
.index .area3 .body .list li .caption .inbod .more:hover:before{transform:translateX(5px);background-image:url(../image/gfjt1.png);}

.index .area3 .body .list li:hover .pic img{transform:scale(1.08);}

.index .area3 .body .swipHx{display:none;}


.index .area4{padding:80px 0px 100px;background-color:#f8f8f8;}
.index .area4 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area4 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area4 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area4 .body .hd{text-align:center;margin-bottom:30px;}
.index .area4 .body .hd ul{display:inline-block;font-size:0px;}
.index .area4 .body .hd li{float:left;width:160px;height:50px;text-align:center;line-height:50px;border:1px solid #10a4df;border-radius:3px;line-height:50px;box-sizing:border-box;color:#10a4df;font-size:18px;margin:0px 15px;transition:all 0.3s;cursor:pointer;}
.index .area4 .body .hd li:hover,.index .area4 .body .hd li.on{color:#fff;background-color:#10a4df;}


.index .area4 .body .bd{width:1200px;margin:0 auto;}
.index .area4 .body .bd li{position:relative;}
/*.index .area4 .body .bd li .dl1{position:absolute;left:0px;top: 0px;width:100%;height:100%;}*/
.index .area4 .body .bd li .dl1 dd{cursor:pointer;font-size:14px;color:#666666;text-align:center;line-height:40px;border:1px solid #666;border-radius:4px;position:absolute;z-index:0;}
.index .area4 .body .bd li .dl1 dd span{display:inline-block;padding-right:0px;position:relative;transition:all 0.2s;}
.index .area4 .body .bd li .dl1 dd:hover span{padding-right:20px;}
.index .area4 .body .bd li .dl1 dd span:before{content:"";display:block;width:0px;height:14px;background:url(../image/mapj.png) center no-repeat;background-size:10px 10px;position:absolute;right:0px;top:50%;margin-top:-7px;transition:all 0.2s;opacity:0;}
.index .area4 .body .bd li .dl1 dd:hover span:before{width:14px;opacity:1;}
.index .area4 .body .bd li .dl1 .d1{width:170px;height:40px;left:64px;top:150px;}

.index .area4 .body .bd li .dl1 .d2{width:254px;height:40px;right:408px;top:109px;}

.index .area4 .body .bd li .dl1 .d3{width:106px;height:40px;right:408px;top:109px;top:220px;right:314px;border-color:#fff !important;color:#fff;}

.index .area4 .body .bd li .dl1 .d4{width:226px;height:40px;right:-8px;top:205px;}

.index .area4 .body .bd li .dl1 .d5{width:120px;height:42px;left:291px;bottom:158px;display: none;}

.index .area4 .body .bd li .dl1 dd:hover{background-color:#4a93ca;color:#fff;border-color:#4a93ca;}


/*.index .area4 .body .bd li .dl2{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;}*/
.index .area4 .body .bd li .dl2 dd{display:none;position:absolute;z-index:2;}



.index .area4 .body .bd li .dl2 .d1{left:64px;top:200px;display: none !important;}
.index .area4 .body .bd li .dl2 .d2{right:406px;top:156px;}
.index .area4 .body .bd li .dl2 .d3{right:448px;top:191px;}
.index .area4 .body .bd li .dl2 .d4{right:-10px;top:252px;display: none !important;}
.index .area4 .body .bd li .dl2 .d5{left:292px;bottom:-214px;}



.index .area4 .body .bd li .dl2 .add{width:240px;background-color:#10a4df;border-radius:5px;color:#fff;position:absolute;left:-250px;top:50%;transform:translateY(-50%);}





.index .area4 .body .bd li .gj{width:360px;height:360px;background-color:rgba(255,255,255,0.5);border-radius:5px;box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
/*.index .area4 .body .bd li .gj .inbod{width:630px;height:292px;overflow-y:auto;transform:translateX(-270px);}*/
.index .area4 .body .bd li .gj .inbod{position:relative;}
.index .area4 .body .bd li .gj .inbod ol{padding:0px 20px 0px;height:292px;width:360px;box-sizing:border-box;/*float:right;*/overflow-y:auto;}
.index .area4 .body .bd li .gj .intit{font-size:18px;color:#333;padding:26px 17px 0px;}
.index .area4 .body .bd li .gj .inbod li{padding:20px 0px;border-bottom:1px solid #dbdbdb;cursor:pointer;}
.index .area4 .body .bd li .gj .inbod li:last-child{border-bottom:none;}
.index .area4 .body .bd li .gj .inbod .p1{font-size:16px;color:#666;}
.index .area4 .body .bd li .gj .inbod .p2{font-size:14px;color:#999;margin-top:8px;}
.index .area4 .body .bd li .gj .inbod .p2 span{margin-right:16px;}




.index .area4 .body .bd li .gj .inbod{position:relative;}
.index .area4 .body .bd li .gj .inbod .addInfo{position:absolute;width:240px;background-color:#10a4df;right:386px;top:50%;transform:translateY(-50%);padding:20px;border-radius:5px;box-sizing:border-box;color:#fff;display:none !important;}
.index .area4 .body .bd li .gj .inbod .addInfo:before{content:"";display:block;width:0px;height:0px;border-left:10px solid #10a4df;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:none;position:absolute;right:-10px;top:50%;margin-top:-10px;}

.index .area4 .body .bd li .gj .inbod .addInfo .divx{display:none;}

.index .area4 .body .bd li .gj .inbod .addInfo span{display:block;font-size:12px;line-height:24px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp1{font-size:16px;line-height:20px;margin-bottom:5px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp1 em{display:block;font-size:14px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp2{font-size:14px;}





/*滚动条样式*/
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #10a4df;
}
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}


/*汽车热系统*/
.index .area4 .body .bd .u2{position:relative;}
.index .area4 .body .bd .u2 li{position:relative;}
/*.index .area4 .body .bd .u2 li .dl1{position:absolute;left:0px;top: 0px;width:100%;height:100%;}*/
.index .area4 .body .bd .u2 li .dl1 dd{cursor:pointer;font-size:14px;color:#666666;text-align:center;line-height:40px;border:1px solid #666;border-radius:4px;position:absolute;z-index:0;}
.index .area4 .body .bd .u2 li .dl1 dd span{display:inline-block;padding-right:0px;position:relative;transition:all 0.2s;}
.index .area4 .body .bd .u2 li .dl1 dd:hover span{padding-right:20px;}
.index .area4 .body .bd .u2 li .dl1 dd span:before{content:"";display:block;width:0px;height:14px;background:url(../image/mapj.png) center no-repeat;background-size:10px 10px;position:absolute;right:0px;top:50%;margin-top:-7px;transition:all 0.2s;opacity:0;}
.index .area4 .body .bd .u2 li .dl1 dd:hover span:before{width:14px;opacity:1;}
.index .area4 .body .bd .u2 li .dl1 .d1{width:120px;height:40px;left:64px;top:150px;}
.index .area4 .body .bd .u2 li .dl1 .d2{width:120px;height:40px;left:500px;top:160px;}
.index .area4 .body .bd .u2 li .dl1 .d3{width:120px;height:40px;right:408px;top:109px;top:210px;right:274px;border-color:#fff !important;color:#fff;}
.index .area4 .body .bd .u2 li .dl1 .d4{width:120px;height:40px;right:100px;top:230px;}
.index .area4 .body .bd .u2 li .dl1 .d5{width:120px;height:42px;left:160px;top:258px;}
.index .area4 .body .bd .u2 li .dl1 .d6{width:120px;height:42px;right:300px;top:110px;}
.index .area4 .body .bd .u2 li .dl1 .d7{width:120px;height:42px;right:480px;top:100px;}
.index .area4 .body .bd .u2 li .dl1 .d8{width:120px;height:40px;right:360px;top:280px;}
.index .area4 .body .bd .u2 li .dl1 .d9{width:120px;height:40px;right:210px;top:300px;}

.index .area4 .body .bd .u2 li .dl1 dd:hover{background-color:#4a93ca;color:#fff;border-color:#4a93ca;}

.index .area4 .body .bd .u2 li .dl1 .wjx{background: url(../image/wjx.png) no-repeat 14px 7px;padding-left: 10px;}

.index .area4 .body .bd .u2 li .dl2 dd{display:none;position:absolute;z-index:2;}

.index .area4 .body .bd .u2 li .dl2 .d1{left:64px;top:200px;}
.index .area4 .body .bd .u2 li .dl2 .d2{right:410px;top:208px;}
.index .area4 .body .bd .u2 li .dl2 .d3{right:106px;top:260px;}
.index .area4 .body .bd .u2 li .dl2 .d4{right:100px;top:280px;}
.index .area4 .body .bd .u2 li .dl2 .d5{left:160px;top:310px;}
.index .area4 .body .bd .u2 li .dl2 .d6{right:132px;top:160px;}
.index .area4 .body .bd .u2 li .dl2 .d7{right:312px;top:150px;}
.index .area4 .body .bd .u2 li .dl2 .d8{right:360px;top:330px;}
.index .area4 .body .bd .u2 li .dl2 .d9{right:42px;top:350px;}


.index .area4 .body .bd .u2 li .dl2 .add{width:240px;background-color:#10a4df;border-radius:5px;color:#fff;position:absolute;left:-250px;top:50%;transform:translateY(-50%);}


.index .area4 .body .bd .u2 li .gj{width:290px;height:190px;background-color:rgba(255,255,255,1);border-radius:5px;box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
/*.index .area4 .body .bd .u2 li .gj .inbod{width:630px;height:292px;overflow-y:auto;transform:translateX(-270px);}*/
.index .area4 .body .bd .u2 li .gj .inbod{position:relative;}
.index .area4 .body .bd .u2 li .gj .inbod ol{padding:0px 20px 0px;height:364px;width:360px;box-sizing:border-box;/*float:right;*/overflow-y:auto;}
.index .area4 .body .bd .u2 li .gj .intit{font-size:18px;color:#333;padding:26px 17px 0px;}
.index .area4 .body .bd .u2 li .gj .inbod li{padding:20px 0px;border-bottom:1px solid #dbdbdb;cursor:pointer;}
.index .area4 .body .bd .u2 li .gj .inbod li:last-child{border-bottom:none;}
.index .area4 .body .bd .u2 li .gj .inbod .p1{font-size:16px;color:#666;}
/*.index .area4 .body .bd .u2 li .gj .inbod .p2{font-size:14px;color:#999;margin-top:8px;}*/

.index .area4 .body .bd .u2 li .gj .inbod .p2{margin-top:6px;} 
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh h3{font-size:12px;color:#999999;font-weight:normal;margin-bottom:6px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh1 .spGG span{display:inline-block;padding:2px 5px;background-color:#10a4df;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh2{margin-top:10px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh2 .spGG span{display:inline-block;padding:2px 5px;background-color:#595757;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;}




.index .area4 .body .bd .u2 li .gj .inbod{position:relative;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo{position:absolute;width:240px;background-color:#595757;right:386px;top:50%;transform:translateY(-50%);padding:20px;border-radius:5px;box-sizing:border-box;color:#fff;display:none;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo:before{content:"";display:block;width:0px;height:0px;border-left:10px solid #595757;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:none;position:absolute;right:-10px;top:50%;margin-top:-10px;}

.index .area4 .body .bd .u2 li .gj .inbod .addInfo .divx{display:none;}

.index .area4 .body .bd .u2 li .gj .inbod .addInfo span{display:block;font-size:12px;line-height:24px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp1{font-size:16px;line-height:20px;margin-bottom:5px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp1 em{display:block;font-size:14px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp2{font-size:14px;}





/*滚动条样式*/
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #595757;
}
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}

.index .area4 .tbG{position:absolute;left:0px;bottom:0px;font-size:14px;color:#343434;line-height:20px;}
.index .area4 .tbG div{padding-left: 30px;position:relative;}
.index .area4 .tbG div:before{content:"";display:block;width:20px;height:20px;position:absolute;left:0px;top:50%;margin-top:-10px;}
.index .area4 .tbG .tt1{margin-bottom:20px;}
.index .area4 .tbG .tt1:before{background-color: #595757;}
.index .area4 .tbG .tt2:before{background-color: #10a4df;}











.index .area5{padding:0px 0px 30px;}
.index .area5 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.index .area5 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area5 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area5 .body .list ul{width:1440px;}
.index .area5 .body .list li{padding:18px;border:1px solid #e6e6e6;box-shadow:0px 1px 10px rgba(0,0,0,0.1);float:left;width:454px;box-sizing:border-box;margin-right:19px;transition:all 0.3s;}
.index .area5 .body .list li .pic{position:relative;overflow:hidden;}
.index .area5 .body .list li .pic span{display:block;width:80px;height:24px;text-align:center;line-height:24px;color:#fff;background-color:#10a4df;position:absolute;left:0px;bottom:0px;}
.index .area5 .body .list li .pic img{transition:all 0.3s;}

.index .area5 .body .list li .caption .intit{font-size:12px;color:#999999;padding-left:20px;background:url(../image/dd.gif) left center no-repeat;margin-bottom:10px;}
.index .area5 .body .list li .caption{margin-top:20px;}
.index .area5 .body .list li .caption .inbod .txt{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index .area5 .body .list li .caption .inbod .more{font-size:12px;color:#666;font-family:Arial;text-transform:uppercase;display:inline-block;padding-left:10px;background:url(../image/mobg.gif) left center no-repeat;margin-top:20px;}

.index .area5 .body .list li:hover{/*transform:translateY(-10px);*/box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
.index .area5 .body .list li:hover .pic img{transform:scale(1.08);}
.index .area5 .body .list{
    padding-bottom: 50px;
}
.index .area5 .body .list .swiper-pagination{

}

.index .area6{position:relative;z-index:1;}
.index .area6 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:30px;}
.index .area6 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area6 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#10a4df;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area6 .body{overflow:hidden;}
.index .area6 .body .list li{width:14.28%;float:left;overflow:hidden;margin-left:0.48%;transition:all 0.5s;position:relative;}
.index .area6 .body .list .l1{margin:0px;}
.index .area6 .body .list .l4{/*float:right;*/}
.index .area6 .body .list li .pic{width:780px;height:260px;}
.index .area6 .body .list li.act{width:55.71%;}

.index .area6 .body .list li .txt{width:780px;height:100px;background-color:#f3f3f3;position:relative;}
.index .area6 .body .list li .txt .intit{font-size:24px;color:#333333;line-height:24px;font-family:siyuan;padding:26px 0px 0px 28px;float:left;}
.index .area6 .body .list li .txt .intit span{display:block;font-family:Arial;font-size:14px;color:#999;line-height:14px;margin-top:10px;}
.index .area6 .body .list li .txt .intit .more{}

.index .area6 .body .list li .txt .more{display:block;width:180px;height:50px;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#10a4df;transition: all 0.3s;float:right;font-size:16px;background-color:#10a4df;color:#fff;position:absolute;right:20px;top:50%;margin-top:-25px;}
.index .area6 .body .list li .txt .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;background-image:url(../image/gfjt1.png);}


.index .area6 .body .list li .txt .more:hover{background-color:#085996;}
.index .area6 .body .list li .txt .more:hover:before{transform:translateX(5px);}


.index .area6 .body .list li .mc{position:absolute;left:0px;top:0px;width:100%;height:260px;background-color:rgba(0,0,0,0.5);}
.index .area6 .body .list li .mc .btn{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}


 

.index .area6 .body .list li.act .txt .intit{color:#085996;}
.index .area6 .body .list li.act .txt .intit span{color:#085996;}















@media(max-width: 1500px){

    .banner .bannerTxt .txt .intit{font-size:36px;line-height:36px;}
    .banner .bannerTxt .txt .inbod .d1{font-size:20px;margin:20px 0px 6px;}
    .banner .bannerTxt .txt .inbod .d2{font-size:16px;}

    .index .area1 .body .picScro .pic{height: 264px;}
    .index .area1 .body .newList li a{padding:25px 28px;}
    .index .area1 .body .picScro .caption .inbod .data p{padding:43px 20px;}
    .index .area1 .body .picScro .caption .inbod .newCt{height:150px;}

    .index .area2 .body .aboutList li{width:280px;height:320px;margin-right:26px;}
    .index .area2 .body .aboutList li .caption .inbod span{font-size:50px;}

    .index .area2 .body .aboutTxt{margin-top:-80px;}
    .index .area2 .body .aboutTxt .caption .ct .inbod{font-size:16px;line-height:30px;}

    .index .area2 .body .aboutTxt .caption .ct .inbod .more{margin-top:40px;width:140px;height:42px;line-height:42px;font-size:14px;}

    
    .index .area3 .body .list li .caption{padding:20px 30px;}
    .index .area3 .body .list li .caption .intit{font-size:18px;}
    .index .area3 .body .list li .caption .intit span{padding-bottom:18px;}
    .index .area3 .body .list li .caption .intit:before{top:20px;}

    .index .area3 .body .list li .caption .inbod{font-size:14px;line-height:24px;margin-top:20px;}

    .index .area3 .body .list li .caption .inbod .more{margin-top:20px;width:140px;height:42px;line-height:42px;font-size:14px;}
    
    .index .area5 .body .list ul{width:1300px;}
    .index .area5 .body .list li{width:387px;}


    .index .area6 .body .list li .txt .intit{font-size:20px;}
    .index .area6 .body .list li .txt .intit span{margin-top:6px;}
    .index .area6 .body .list li .txt{width:670px;height:80px;}

    .index .area6 .body .list li .txt .intit{padding-top:18px;}

    .index .area6 .body .list li .txt .more{width:140px;height:42px;line-height:42px;font-size:14px;margin-top:-21px;}




}














@media(max-width:1024px){


    .banner{display: none;}

    .bannerSJ{display:block;position:relative;width:100%;overflow:hidden;padding-top:60px;}
    .bannerSJ img{display: block;width: 100%;}
    .bannerSJ .pageOn{position:absolute;font-size: 0px;width:100%;text-align:center;left:0px;margin:0px;bottom:10px;}
    .bannerSJ .pageOn span{margin:0px 5px;width:8px;height:8px;background-color:#fff;opacity:1;transition:all 0.3s;}
    .bannerSJ .pageOn .swiper-pagination-bullet-active{background-color:#10a4df;width:15px;border-radius:10px;}

    .bannerSJ .bannerTxt{position:absolute;left:0px;width:100%;top:50%;transform:translateY(-80%);z-index:5;color:#fff;text-align:center;}
    .bannerSJ .bannerTxt .g-in{padding:0px 40px;}
    .bannerSJ .bannerTxt .intit{font-size:20px;font-weight:bold;}
    .bannerSJ .bannerTxt .inbod{font-size:14px;margin-top:20px;line-height:24px;}

    
    .index .area1{padding:00px 0px 40px;}
    .index .area1 .tit{font-size:20px;margin-bottom:40px;}
    .index .area1 .tit span{padding:0px 10px 10px;}
    .index .area1 .tit span:before{width:40px;margin-left:-20px;}



    .index .area1 .body .picScro{width:100%;}
    .index .area1 .body .newList{width:100%;margin-top:10px;}
    

    .index .area1 .body .picScro .caption{width:100%;margin-top:0px;}
    .index .area1 .body .picScro .caption .intit{font-size:16px;height:50px;line-height:50px;/*background-color:transparent;*/padding-left: 0;}
    .index .area1 .body .picScro .caption .inbod .newCt{padding:30px 20px;height:auto;}
    
    .index .area1 .body .picScro .caption .inbod .data p{padding:34px 20px;}
    .index .area1 .body .picScro .caption .inbod .newCt .txt{padding-top:0px;font-size:14px;line-height:24px;text-align:justify;height: 48px;}
    .index .area1 .body .picScro .caption .inbod .newCt .more{display: none;}

    .index .area1 .body .newList li .inbod{font-size:16px;}
    .index .area1 .body .newList li a{padding:20px 20px;}


    .index .area2{padding:0px 0px 40px;}
    .index .area2 .tit{font-size:20px;margin-bottom:30px;}
    .index .area2 .tit span{padding:0px 10px 10px;}
    .index .area2 .tit span:before{width:40px;margin-left:-20px;}

    .index .area2 .tit p{font-size:14px;margin-top:10px;}

    .index .area2 .body .aboutList{margin-bottom:20px;}
    .index .area2 .body .aboutList ul{width:100%;}
    .index .area2 .body .aboutList li{width:23%;margin:0px;height:auto;margin:1%;}

    .index .area2 .body .aboutList li .caption .inbod span {font-size:20px;line-height:20px;}
    .index .area2 .body .aboutList li .caption .inbod{margin-top:10px;font-size:14px;}
    .index .area2 .body .aboutList li .caption{padding:15%;}


    .index .area2 .body .aboutTxt{width:100%;margin-top:0px;}
    .index .area2 .body .aboutTxt .pic{display:none;}
    .index .area2 .body .aboutTxt .pic img{margin:0px;}
    .index .area2 .body .aboutTxt .caption{background:url(../image/abpic.jpg);background-size:cover;position:static;padding:30px 10px;box-sizing:border-box;transform:translateY(0);}
    .index .area2 .body .aboutTxt .caption .ct{width:100%;}
    .index .area2 .body .aboutTxt .caption .ct .intit{font-size:26px;}
    .index .area2 .body .aboutTxt .caption .ct .inbod{text-align:justify;}
    .sjBJ{display:block;box-shadow:0px 1px 10px rgba(0,0,0,0.2);} 
    

    .sjBJ .li1{color:#333;border-bottom:1px solid #e5e5e5;cursor:pointer;}
    .sjBJ .li1 .lli1{border-bottom:1px solid #e5e5e5;}
    .sjBJ .li1 .hdd{font-size:16px;color:#333;height:42px;line-height:42px;padding:0px 20px;background-color:#fff;}
    .sjBJ .li1 .hdd.active{background-color:#10a4df;color:#fff;}
    .sjBJ .li1 .bdd{background-color:#fff;}
    .sjBJ .li1 .hhdd{font-size:14px;padding:6px 20px;}
    .sjBJ .li1 .hhdd p{color:#10a4df;font-weight:bold;}
    .sjBJ .li1 .hhdd .spgg span{display:inline-block;font-size:12px;margin-right:10px;}

    .sjBJ .li1 .bdd .addList{font-size:12px;line-height:20px;padding:10px 20px;background-color:#eee;}
    .sjBJ .li1 .openRep{display:none;}
    .sjBJ .li1:last-child{border:none;}

    .sjBJ .li1 .lli1:last-child{border:none;}

    /*.sjBJ .li1 .hhdd.active{background-color:rgba(0,104,183,0.9);}*/


    .sjBJ2{display:block;box-shadow:0px 1px 10px rgba(0,0,0,0.2);}
    .tbG{display:none;}
    .sjBJ2 .li1{color:#333;border-bottom:1px solid #e5e5e5;cursor:pointer;}
    .sjBJ2 .li1 .lli1{border-bottom:1px solid #e5e5e5;}
    .sjBJ2 .li1 .hdd{font-size:16px;color:#333;height:42px;line-height:42px;padding:0px 20px;background-color:#fff;}
    .sjBJ2 .li1 .hdd.active{background-color:#10a4df;color:#fff;}
    .sjBJ2 .li1 .bdd{background-color:#fff;}
    .sjBJ2 .li1 .hhdd{font-size:14px;padding:10px 20px;}
    .sjBJ2 .li1 .hhdd p{color:#10a4df;font-weight:bold;font-size:15px;margin-bottom:6px;}
    .sjBJ2 .li1 .hhdd .spgg span{display:inline-block;font-size:12px;margin-right:10px;}

    .sjBJ2 .li1 .bdd .addList{font-size:12px;line-height:20px;padding:10px 20px;background-color:#eee;}
    .sjBJ2 .li1 .openRep{display:none;}
    .sjBJ2 .li1:last-child{border:none;}

    .sjBJ2 .li1 .lli1:last-child{border:none;}
    .sjBJ2 .li1 .hhdd .gg1{margin-bottom:6px;}
    .sjBJ2 .li1 .hhdd .gg1 .spgg span{display:inline-block;padding:1px 4px;background-color:#10a4df;color:#fff;border-radius:3px;}
    .sjBJ2 .li1 .hhdd .gg2 .spgg span{display:inline-block;padding:1px 4px;background-color:#595757;color:#fff;border-radius:3px;}
    .sjBJ2 .li1 .hhdd .cc{color:#999;font-size:12px;margin-bottom:2px;text-transform:uppercase;} 





    .index .area3{padding:0px 12px 15px;}
    .index .area3 .tit{font-size:20px;margin-bottom:40px;}
    .index .area3 .tit span{padding:0px 10px 10px;}
    .index .area3 .tit span:before{width:40px;margin-left:-20px;}


    .index .area3 .body .list{/*display:none;*/}


    .index .area3 .body .list li{width:100%;margin-bottom:20px;}
    .index .area3 .body .list li .caption{width:88%;}

    .index .area3 .body .swipHx{display:block;padding-bottom:50px;}


    .index .area3 .body .swipHx .swiper-slide{width:100%;float:left;}
    .index .area3 .body .swipHx .swiper-slide .pic{overflow:hidden;}
    .index .area3 .body .swipHx .swiper-slide .pic img{transition:all 0.3s;}
    .index .area3 .body .swipHx .swiper-slide .caption{width:100%;margin:0 auto;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;margin-top:0px;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit{font-size:24px;color:#10a4df;font-weight:bold;line-height:24px;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#10a4df;position:absolute;left:0px;top:40px;}

    .index .area3 .body .swipHx .swiper-slide .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}
    .index .area3 .body .swipHx .swiper-slide .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}


    .index .area3 .body .swipHx .swiper-slide .caption .inbod .more{display:block;width:180px;height:50px;border:1px solid #10a4df;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#10a4df;margin-top:30px;transition: all 0.3s;}
    .index .area3 .body .swipHx .swiper-slide .caption .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}
    .index .area3 .body .swipHx .swiper-slide .caption .inbod .more:hover{background-color:#10a4df;color:#fff;}
    .index .area3 .body .swipHx .swiper-slide .caption .inbod .more:hover:before{transform:translateX(5px);background-image:url(../image/gfjt1.png);}


    .index .area3 .body .swipHx .swiper-slide .caption{padding:20px;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit{font-size:18px;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit span{padding-bottom:18px;}
    .index .area3 .body .swipHx .swiper-slide .caption .intit:before{top:20px;}

    .index .area3 .body .swipHx .swiper-slide .caption .inbod{font-size:14px;line-height:24px;margin-top:20px;}

    .index .area3 .body .swipHx .swiper-slide .caption .inbod .more{margin-top:20px;width:140px;height:42px;line-height:42px;font-size:14px;}




    .index .area4{padding:40px 0px 40px;}
    .index .area4 .tit{font-size:20px;margin-bottom:30px;}
    .index .area4 .tit span{padding:0px 10px 10px;}
    .index .area4 .tit span:before{width:40px;margin-left:-20px;}

    .index .area4 .body{background:url(http://img.dq800.com/shop/zjweixiu/templet/mds1157/mdstyle/images/map.jpg);background-size:cover;}
    .index .area4 .body .hd li{width:100px;height:38px;line-height:38px;font-size:14px;margin:0px 10px;}
    .index .area4 .body .bd{width:100%;}

    .index .area4 .body .bd li{display:none;}





    .index .area5{padding:40px 0px 15px;}
    .index .area5 .tit{font-size:20px;margin-bottom:40px;}
    .index .area5 .tit span{padding:0px 10px 10px;}
    .index .area5 .tit span:before{width:40px;margin-left:-20px;}


    .index .area5 .body .list ul{width:100%;}
    .index .area5 .body .list ul li{width:100%;margin:0px 0px 10px;}

    .index .area6{padding:0px 0px 40px;}
    .index .area6 .tit{font-size:20px;margin-bottom:40px;}
    .index .area6 .tit span{padding:0px 10px 10px;}
    .index .area6 .tit span:before{width:40px;margin-left:-20px;}

    .index .area6 .body .list li{width:100%;margin-bottom:10px;margin-left: 0;}
    .index .area6 .body .list .l1{margin-bottom: 10px;}
    .index .area6 .body .list li.act{width:100%;}
    .index .area6 .body .list li img{width: 100%;}
    .index .area6 .body .list li .pic{width:100%;height:auto;}
    .index .area6 .body .list li .txt{width:100%;}

    .index .area6 .body .list li .mc{width:100%;height:calc(100% - 71px)}
    
    .index .area6 .body .list li .txt{height:auto;padding:15px 0px;text-align:center;}
    .index .area6 .body .list li .txt .more{display:none;}
    .index .area6 .body .list li .txt .intit{font-size: 16px;text-align:center;width:100%;float:none;padding:0px;}
    .index .area6 .body .list li .txt .intit span{margin-top:3px;text-transform:uppercase;}




    .index .area1 .body .picScro .pic{height: auto;}







    .video_wrap{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.96);z-index:9999;padding:0px 0px;box-sizing:border-box;display:none;}
    .video_wrap .play_I .video-js{}
    .video_wrap .play_I{position:relative;width:100%;left:0px;margin-left:0px;top:50%;transform:translateY(-50%);}
    .video_wrap .play_I .video-js.vjs-fluid{}
    .video_wrap .play_I .video-js .vjs-big-play-button{width:60px;height:60px;border-radius:50%;margin-left:-30px;margin-top:-30px;font-size:30px;line-height:56px;outline:none;}
    .video_wrap .play_I .video-js .vjs-big-play-button:hover{box-shadow:0 0 20px rgba(255,255,255,0.6)}
    .video_wrap .close{background:url(../image/closedd.png) center no-repeat;background-size:cover;width:50px;height:50px;position:absolute;cursor:pointer;transition:all 0.6s linear;border-radius:50%;right:20px;top:20px;}
    .video_wrap .close:hover{transform:rotate(360deg);box-shadow:0 0 30px rgba(255,255,255,0.6)}
}


@media screen and (max-width: 767px) {
    .index .area2 .body .aboutList li{
        width: 48%;
    }
    .index .area3 .body .list li .caption{
        margin: 0;
        width: 100%;
    }
    .index .area1 .body .picScro .caption .inbod .newCt .txt{
        -webkit-line-clamp: 3;
        height: 72px;
    }
}






























